<div class="row-fluid">
    <div class="span6 user-login">
        <?= $this->form ?>
    </div>
    <a class="span6 user-registration" href="<?= $this->url(array('controller' => 'user', 'action' => 'register'), 'default', true) ?>"><?= $this->translate('XXX_LAYOUT_REGISTER_LABEL') ?></a>
</div>
<style type="text/css">
    .user-login {
        height: 416px; 
        border-right: #d6d6d6 1px solid;
        text-align: center;
    }
    .user-login .form {        
        margin-left: 60px;
    }
    .user-login .form-title {
        padding-bottom: 150px;        
        font-size: 27px;
        color: #0088cc;
        background-image: url(../graph/index/login.jpg);
        background-repeat: no-repeat;
        background-position: center 50px;
        font-weight: normal;
    }
    .user-registration {
        background-image: url(../graph/index/login-register.jpg);
        background-repeat: no-repeat;
        background-position: center 50px;
        height: 37px;     
        text-align: center;
        padding-top: 310px;
        font-size: 27px;
        color: #cfcfcf;
        text-decoration: underline;
    }
</style>